<template>
  <div class="tabbar-user">
    <user-header/>
    <order-group/>
    <order-ser></order-ser>
    <user-module/>
    <user-member/>
  </div>
</template>

<script>
import userHeader from './tabbar-user-header';
import orderGroup from './tabbar-user-order';
import orderSer from './tabbar-user-ser';
import userMember from './tabbar-user-member';
// import couponGroup from './tabbar-user-coupon';
import userModule from './tabbar-user-module';

export default {

  components: {
    [userHeader.name]: userHeader,
    [orderGroup.name]: orderGroup,
    [orderSer.name]: orderSer,
    // [couponGroup.name]: couponGroup,
    [userMember.name]: userMember,
    [userModule.name]: userModule
  }
};
</script>


<style scoped lang="scss">
.tabbar-user {
  > div {
    margin-bottom: 10px;
  }
  &__quit {
    border: 0;
    border-radius: 0;
  }
}
</style>
